/* 初始化浏览器默认值 */
body, div, p, form, ul, ol, dl, dt, dd, h1, h2, h3, h4, h5, h6 {
    padding: 0;
    margin: 0;
}
body {
    color: $color-default;
    font-family: $font-family-default;
    font-size: $font-size-default;
    //line-height: 1;
}
ul, li {
    list-style-type: none;
}
a {
    color: $link-color;
    text-decoration: none;
    &:hover {
        color: $link-hover;
        text-decoration: none;
    }
    &:link {
        text-decoration: none;
    }
}
// 图片
img {
    border: none;
}

/* iconfont.cn */
.iconfont {
    font-size: inherit;
    line-height: 1;
    font-weight: normal;
    vertical-align: baseline;
}

/* 文本颜色 */
$group-color: (
        white: $color-white,
        red: $color-red,
        red-bold: $color-red-bold,
        orange: $color-orange,
        orange-light: $color-orange-light,
        orange-bold: $color-orange-bold,
        blue: $color-blue,
        blue-light: $color-blue-light,
        blue-bold: $color-blue-bold,
        gray: $color-gray,
        gray-light: $color-gray-light,
        gray-bold: $color-gray-bold,
        green: $color-green,
        green-light: $color-green-light,
        green-bold: $color-green-bold,
        error: #f66,
        success: $color-green,
        success-light: $color-green-light,
        success-bold: $color-green-bold,
);
@each $key, $val in $group-color {
    .c-#{$key} { color: $val; }
}

/* 字体大小 */
$group-font-size: 10, 12, 13, 14, 16, 18, 20, 22, 25, 28, 30, 35, 40;
@each $val in $group-font-size {
    .fs-#{$val} { font-size: #{$val}px; }
}

/* 文字属性 */
.text-hidden {  @include text-hide(); }
.t2 { text-indent: 2em;}

/* 文本行间隔 */
$group-line-height: (
        100: 1,
        150: 1.5,
        160: 1.6,
        180: 1.8,
        200: 2
);
@each $key, $val in $group-line-height {
    .lh-#{$key} { line-height: $val; }
}

/* margin & padding */
$group-margin: 0, 1, 5, 10, 15, 20, 25, 30, 35, 40, 45, 50, 55, 60;
@each $val in $group-margin {
    // margin
    .m-#{$val} { margin: #{$val}px; }
    .m-t#{$val} { margin-top: #{$val}px; }
    .m-r#{$val} { margin-right: #{$val}px; }
    .m-b#{$val} { margin-bottom: #{$val}px; }
    .m-l#{$val} { margin-left: #{$val}px; }
    // padding
    .p-#{$val} { padding: #{$val}px; }
    .p-t#{$val} { padding-top: #{$val}px; }
    .p-r#{$val} { padding-right: #{$val}px; }
    .p-b#{$val} { padding-bottom: #{$val}px; }
    .p-l#{$val} { padding-left: #{$val}px; }
}

/* width px */
$group-width-px: 10, 20, 30, 40, 50, 60, 70, 80, 90, 100, 150, 200, 250, 300, 350, 400, 450, 500, 550, 600, 650, 700, 800, 900;
@each $val in $group-width-px {
    .w-#{$val} { width: #{$val}px; }
}
/* width % */
$group-width: (
        10: 10%,
        20: 20%,
        30: 30%,
        40: 40%,
        50: 50%,
        60: 60%,
        70: 70%,
        80: 80%,
        90: 90%,
        100: 100%
);
@each $key, $val in $group-width {
    .w#{$key} { width: #{$val}; }
}

/* 公共区 */
.g-left { float: left; }
.g-right { float: right; }
.clearfix {
    @include clearfix();
}

//.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
//.clearfix{*+height:1%;}
button, input, select, textarea {
    font-family: inherit;
    font-size: inherit;
    outline: none;
    //line-height: inherit;
}

/* 主容器 */
.g-container {
    position: relative;
    width: $width-default;
    margin: 0 auto;
    //.clearfix();
}

/* 自定义按钮 */
.btn {
    transition: all .15s;
    outline: none;
    &.btn-main,
    &.btn-main-full{
        background-color: #fff;
        border: $color-main 1px solid;
        color: $color-main;
        &:hover {
            background-color: $color-main;
            color: #fff;
        }
    }
    &.btn-main-full {
        background-color: $color-main;
        color: #fff;
        &:hover {
            background-color: $color-main-bold;
            border-color: $color-main-bold;
        }
    }
    &.btn-qq {
        background-color: #fff;
        border: #357DF9 1px solid;
        color: #357DF9;
        &:hover {
            background-color: #357DF9;
            color: #fff;
        }
    }
}

/* 通用下拉菜单 */
.drop-down {
    position: relative;
    //width: 100%;
    .drop-down-title {
        line-height: 30px;
    }
    // 下拉菜单
    .drop-down-menu,
    .child-select {
        position: absolute;
        display: none;
        width: 100%;
        top: 100%;
        left: 0;
        ul.select-item {
            position: relative;
            overflow: hidden;
            margin-top: -1px;
            border: #eee 1px solid;
            li {
                display: block;
                width: 100%;
                line-height: 35px;
                text-align: center;
                background-color: #fff;
                &:hover,
                &.active{
                    background-color: #f5f5f5;
                }
            }
        }
    }
    &:hover {
        .drop-down-menu,
        .child-select {
            display: block;
        }
    }
}